<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <meta name="csrf-param" content="_homeCSRF">
    <meta name="csrf-token" content="TC5kQlltN0t9A1wWBjVCP3lAJQhtAFUBK0VSIypaczgIHDcIYCRfew==">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../../src/img/favicon.ico" rel="shortcut icon">
    <link href="/images/favicon.ico" rel="bookmark">
    <link href="../../src/css/jquery.bxslider.css" rel="stylesheet">
    <link href="../../src/iconfonts/iconfont.css" rel="stylesheet">
    <link href="../../src/css/bootstrap.css" rel="stylesheet">
    <link href="../../src/css/dookayui.css" rel="stylesheet">
    <link href="../../src/css/dx.css" rel="stylesheet">
    <link href="../../src/css/dy.css" rel="stylesheet">
    <!--[if lte IE9]>
    <script src="../../src/js/html5shiv.js"></script>
    <![endif]-->
    <!--[if lte IE9]>
    <script src="../../src/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="header"></div>
<div id="pbody" class="">

    <div class="dx-content">
        <div class="container dx-talent-strategy" style="padding-right: 10px;padding-left: 10px;background: #fff;">
            <div class="title mb-5 hidden-xs">
                <h2 class="font-20 english-title"></h2>
                <p class="font-20 article-title"></p>
            </div>
            <div class="talent-recruitment-content clearfix" style="padding:0">
                <div class="talent-recruitment-text pull-left col-sm-3 col-xs-12 col-md-8" id="left-data"
                     style="padding: 0;"></div>
                <div class="talent-recruitment-pic pull-left col-sm-3 col-xs-12 col-md-8" id="right-data"
                     style="margin-top:0px;    height: 450px;"></div>
            </div>
        </div>
    </div>


</div>
<footer class="footer">

</footer>

<script src="../../src/js/dookayui.min.js"></script>
<script src="../../src/js/common.js"></script>
<script>
    $(document).ready(function () {
        function serilizeURL(url) {

            var rs = url.split("?")[1];
            var arr = rs.split("&");
            var json = {};
            for (var i = 0; i < arr.length; i++) {
                if (arr[i].indexOf("=") != -1) {
                    json[arr[i].split("=")[0]] = arr[i].split("=")[1];
                }
                else {
                    json[arr[i]] = "undefined";
                }
            }
            return json;
        }

        window.current_url = location.href;
        var aidSid = serilizeURL(current_url);

        function getAllArticle() {
            var lists;
            var listsLength;
            $.ajax({
                url: "http://192.168.100.181:8080/api/columnInfo/getColumnListByPid/" + aidSid.pid,
                success: function (data) {
                    getColumnListByPid = data.data;
                    getColumnListByPidLength = getColumnListByPid.length;
                    cid = getColumnListByPid[0].id;

                    if (undefined == secondMenuId) {
                        $.ajax({
                            url: "/api/article/getAll/" + cid,
                            success: function (data) {

                                if (data.code == '0') {
                                    lists = data.data;
                                    listsLength = lists.length;
                                    $('#left-data').append(lists[0].content);
                                    $('#right-data').append("<img class='hidden-xs' src='" + lists[0].coverImageUrl + "' alt='" + (lists[0].coverImageUrl).split('/')[4] + "' width='351' height='230'style='width: 305px; height: 450px;' title='" + (lists[0].coverImageUrl).split('/')[4] + "'/>")
                                    $('#right-data').append("<img class='visible-xs' src='" + lists[0].coverImageUrl + "' alt='" + (lists[0].coverImageUrl).split('/')[4] + "' width='351' height='230' style='width:80% !important;margin: 0 auto;height: auto;' title='" + (lists[0].coverImageUrl).split('/')[4] + "'/>")
                                }
                            }
                        });
                    } else {
                        $.ajax({
                            url: "http://192.168.100.181:8080/api/article/getAll/" + secondMenuId,
                            success: function (data) {
                                if (data.code == '0') {
                                    lists = data.data;
                                    listsLength = lists.length;
                                    $('#left-data').append(lists[0].content);
                                    $('#right-data').append("<img class='hidden-xs' src='" + lists[0].coverImageUrl + "' alt='" + (lists[0].coverImageUrl).split('/')[4] + "' width='351' height='230'style='width: 305px; height: 450px;' title='" + (lists[0].coverImageUrl).split('/')[4] + "'/>");
                                    $('#right-data').append("<img class='visible-xs' src='" + lists[0].coverImageUrl + "' alt='" + (lists[0].coverImageUrl).split('/')[4] + "' width='351' height='230'style='width:80% !important;margin: 0 auto;height: auto;' title='" + (lists[0].coverImageUrl).split('/')[4] + "'/>")
                                }
                            }
                        });
                    }


                }
            })
        }

        $(".header").load("http://192.168.100.181:8080/huoge-edu/public-file/secondMenu-header.html", function () {
            $(".px-mobile .dy-nav .bread").on("click", function () {
                $(".px-mobile .main-nav").slideToggle("slow");
            });
        });
        setTimeout(function () {
            $(".footer").load("http://192.168.100.181:8080/huoge-edu/public-file/footer.html");
        }, 200);

        var intervalIndex = setInterval(function () {
            if ($($('.active')[2])[0]) {
                clearInterval(intervalIndex);

                var text = $($('.active')[2])[0].innerText;
                if ("霍格简介" == text || "CEO致辞" == text || "人才战略" == text) {
                    $('.article-title').parent('.title').css('text-align', 'left');
                }
                $('.english-title').html($($('.active')[2]).data('english'));
                $('.article-title').html(text);
                document.title = text;
                getAllArticle();
            }
        }, 100);

    });
    $(function () {

        commonApp.init();
    })

</script>
</body>
</html>
